<template>
  <div class="header">
    <!--声明式导航-->
    <router-link to="/">首页</router-link>
    <router-link to="/find">发现音乐</router-link>
    <router-link to="/my">我的音乐</router-link>
    <router-link to="/musician">音乐人</router-link>
  </div>
  <div class="footer-conent">
    <!--路由出口 所有需要展示的内容页 都必须使用RouterView-->
    <RouterView />
  </div>

</template>

<script setup>

</script>
<style scoped>
.header a{
  margin-left: 5px;
  text-decoration: none;
}
.footer-conent{
  margin-top: 10px;
  
  width: 100%;
  height: 30px;
  background-color: brown;
  padding-top: 10px;
    margin-top: 10px;
}
</style>
